<template>
    <div id="app">
        <toolbar></toolbar>
        <div class="toolbar-space"></div>
        <main class="main">
            <router-view/>
        </main>
    </div>
</template>

<script>
  import Toolbar from "./components/toolbar/Toolbar";

  export default {
    components: {Toolbar},
    data() {
      return {}
    },
    created() {

    },
    mounted() {
      this.$nextTick(() => {
        //this.$router.push('/');
      })
    },
    methods: {}
  }
</script>

<style>
    * {
        padding: 0;
        margin: 0;
    }

    .main {
        height: calc(100vh - 30px);
        overflow-x: hidden;
        overflow-y: auto;
    }

    .toolbar-space {
        height: 30px;
    }

    .bg-loading {
        background-color: rgba(255, 255, 255, .35);
    }

    #app {
        height: 100vh;
        background-color: #2b2b2b;
        font-family: -apple-system, BlinkMacSystemFont, Segoe WPC, Segoe UI, HelveticaNeue-Light, Noto Sans, Microsoft YaHei, PingFang SC, Hiragino Sans GB, Source Han Sans SC, Source Han Sans CN, Source Han Sans, sans-serif;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    input[type="number"] {
        -moz-appearance: textfield;
    }

    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background-color: transparent;
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
        /* background-color: #F5F5F5;*/
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
        background-color: #bbb;
        border-radius: 2px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: #888;
    }
</style>
